<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/css.css" type="text/css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
	var toolhide = false;
	$(document).ready(function() {
		$("#hidebutton").click(function() {
			if (toolhide) {
				$("#tools").slideDown("fast");
				$("#hidebutton").html("↑");
				toolhide = false;
			} else {
				$("#tools").slideUp("fast");
				$("#hidebutton").html("↓");
				toolhide = true;
			}
		});
		$("#closelogin").click(function() {
			$("#login-div").fadeToggle("fast");
		});
		$("#openlogin").click(function() {
			$("#login-div").fadeToggle("fast");
		});
		$("#openregist").click(function() {
			$("#regist-div").fadeToggle("fast");
		});
		$("#closeregist").click(function() {
			$("#regist-div").fadeToggle("fast");
		});
		$(".prodimg").hover(function() {
			$(this).animate({
				opacity : "0.8"
			}, "fast");
		}, function() {
			$(this).animate({
				opacity : "1"
			}, "fast");
		});
	       $(window).scroll(function() {
	            var t = $(window).scrollTop();
	            if(t>0){
	                $("#nav").css("position","fixed");
	                $("#nav").css("top","0");
	            }else{
	                $("#nav").css("position","static");         
	            }

	        });
	});
</script>
<title>产品中心</title>
</head>
<body>
	<div class="floatmenu">
		<div id="tools">
			<div class="tool" id="openlogin">
				<img src="image/right-menu-1.png" />
			</div>
			<div class="tool" id="openregist">
				<img src="image/right-menu-2.png" />
			</div>
			<div class="tool">
				<img src="image/right-menu-3.png" />
			</div>
			<div class="tool">
				<img src="image/right-menu-4.png" />
			</div>
		</div>
		<div id="hidebutton" class="hidebutton">↑</div>
	</div>
	<div id="login-div" style="display: none;">
		<form>
			<div class="close">
				<font id="closelogin" class="right">×</font>
			</div>
			<div class="title">
				<p>
					<img src="image/denglu.png">会员登录
				</p>
			</div>
			<div class="content">
				<div class="content-left left">
					<p>&nbsp;</p>
					<p>尊敬的会员朋友，感谢您一直以来对渤海人寿的支持，我们会以 最大的努力来回报您！</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>会员专享热线：95071238</p>
					<p>e-mail：member@bohailife.com</p>
				</div>
				<div class="content-right left">
					<p>请输入用户名/邮箱/手机</p>
					<p>
						<input id="username">
					</p>

					<p>密码</p>
					<p>
						<input id="pwd">
					</p>

					<p>验证码</p>
					<p>
						<input id="yzm"> <img style="vertical-align: middle;"
							class="" src="" width="60" height="25"
							style="background-color: gray;"> <font class=""> 换一张</font>
					</p>
					<p>
						<input id="submit" type="button" value="登录"> <input
							id="regist" type="button" value="新用户注册">
					</p>
					<p>
						<input type="checkbox" id="remberme"><label for="remberme">记住用户名</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a>忘记密码</a>
					</p>

				</div>
			</div>
		</form>
	</div>

	<div id="regist-div" style="display: none;">
		<form>
			<div class="close">
				<font id="closeregist" class="right">×</font>
			</div>
			<div class="title">
				<p>
					<img src="image/zhuce.png">会员注册
				</p>
			</div>
			<div class="content">
				<div class="content-left left">
					<p>&nbsp;</p>
					<p>尊敬的会员朋友，感谢您一直以来对渤海人寿的支持，我们会以 最大的努力来回报您！</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>会员专享热线：95071238</p>
					<p>e-mail：member@bohailife.com</p>
				</div>
				<div class="content-right left">
					<p>请输入用户名</p>
					<p>
						<input id="username">
					</p>

					<p>密码</p>
					<p>
						<input id="pwd">
					</p>
					<p>确认密码</p>
					<p>
						<input id="pwd">
					</p>
					<p>邮箱</p>
					<p>
						<input id="pwd">
					</p>
					<p>手机号</p>
					<p>
						<input id="pwd">
					</p>
					<p>验证码</p>

					<p>
						<input id="yzm"> <img style="vertical-align: middle;"
							class="" src="" width="60" height="25"
							style="background-color: gray;"> <font class=""> 换一张</font>
					</p>
					<p>
						<input type="checkbox" id="remberme1" checked="checked"><label
							for="remberme1">渤海人寿会员注册开通协议</label>
					</p>
					<p>
						<input id="regist" type="button" value="同意协议并注册">
					</p>


				</div>
			</div>
		</form>
	</div>
	<div class="content">
		<div class="nav-out"><div id="nav" class="nav">
			<div class="inner">
				<div class="left logo">
					<a href="index.html"><img src="image/logo-white.png"></a>
				</div>
				<ul class="right">
					<li><a href="productcenter.html">产品中心</a></li>
					<li><a href="khfw.html">客户服务</a></li>
					<li><a href="zoujinbohai.html">走进渤海</a></li>
					<li><a href="newscenter.html">新闻中心</a></li>
				</ul>
			</div>
		</div></div>
		<div class="productlist">
			<div class="newscenter">
				<div class="head">
					<p class="title">产品中心</p>
					<br>
					<p>渤海人寿————给您最贴心的保障、最周到的服务。</p>
					<p>选择渤海人寿，选择健康幸福！</p>

				</div>
				<p class="titlebg">家庭套餐</p>
			</div>
			<div class="productlistinfo">
				<div class="left">
					<a href="productinfo.html"><img alt="" width="334" height="334"
						src="image/product5.jpg"></a>
				</div>
				<div class="left content">
					<p class="firsttitle">
						<a href="productinfo.html">合家畅游</a>
					</p>
					<p class="secondtitle">交通意外保险</p>
					<br>
					<p>产品特点：</p>
					<ul>
						<li>涵盖旅行意外和医疗、自驾游意外、酒店住宿意外和突发急性病等意外伤害保障，多重保障项目任您自由选。</li>
						<li>24小时全国紧急救援服务，保您出游无忧。</li>
						<li>涵盖旅行意外和医疗、自驾游意外、酒店住宿意外和突发急性病等意外伤害保障，多重保障项目任您自由选。</li>
					</ul>
					<p>适用人群：18周岁-60周岁</p>
					<p>保险期限：10天</p>
					<a href="productinfo.html" class="liaojiebutton">了解详情</a>
				</div>
			</div>
			<div class="productlistinfo">
				<div class="left">
					<a href="productinfo1.html"><img alt="" width="334"
						height="334" src="image/product6.jpg"></a>
				</div>
				<div class="left content">
					<p class="firsttitle">
						<a href="productinfo1.html">安吉无忧</a>
					</p>
					<p class="secondtitle">家庭财产保险</p>
					<br>
					<p>产品特点：</p>
					<ul>
						<li>保障您居住的房屋及室内财产，无论是台风、暴雨、雷击等自然灾害，还是火灾，爆炸，盗抢等风险都有保障。</li>
						<li>保障内容及金额可以自由选择，在线购买简单快捷。</li>
						<li>保障您居住的房屋及室内财产，无论是台风、暴雨、雷击等自然灾害，还是火灾，爆炸，盗抢等风险都有保障。</li>
					</ul>
					<p>适用人群：18周岁-60周岁</p>
					<p>保险期限：10天</p>
					<a href="productinfo1.html" class="liaojiebutton">了解详情</a>
				</div>
			</div>
			<div class="productlistinfo">
				<div class="left">
					<a href="productinfo1.html"><img alt="" width="334"
						height="334" src="image/product7.jpg"></a>
				</div>
				<div class="left content">
					<p class="firsttitle">
						<a href="productinfo1.html">全家福星照</a>
					</p>
					<p class="secondtitle">家庭财产保险</p>
					<br>
					<p>产品特点：</p>
					<ul>
						<li>保障您居住的房屋及室内财产，无论是台风、暴雨、雷击等自然灾害，还是火灾，爆炸，盗抢等风险都有保障。</li>
						<li>保障内容及金额可以自由选择，在线购买简单快捷。</li>
						<li>保障您居住的房屋及室内财产，无论是台风、暴雨、雷击等自然灾害，还是火灾，爆炸，盗抢等风险都有保障。</li>
					</ul>
					<p>适用人群：18周岁-60周岁</p>
					<p>保险期限：10天</p>
					<a href="productinfo1.html" class="liaojiebutton">了解详情</a>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="inner">
			<div class="saoyisao left">
				<p>扫一扫，惊喜不断</p>
				<p class="left">
					<img src="image/2wei.jpg"><br>关注渤海人寿<br>微信公众号
				</p>
				<p class="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
				<p class="left">
					<img src="image/2wei.jpg"><br>关注渤海人寿<br>微博
				</p>
			</div>
			<div class="copyright right">
				<p align="right">
					全国统一客服热线：<b>9507123</b>
				</p>
				<p align="right">版权所有 &copy; 2014-2024 渤海人寿保险股份有限公司</p>
				<p align="right">Copyright &copy; 2001-2014 bohai life Ltd. All
					Rights Reserved.</p>
				<p align="right">ICP许可证号 京ICP备10088080号</p>
			</div>
		</div>
	</div>

</body>
</html>